
//在页面加载完毕时，获取导航商品信息
let v = new Vue({
    el: "#phone",
    data: {
        product_arr: {
            "left_f1": [
                {"id":1, "pdName": "小米7", "pdImage": "/image/xm6_80.png"},
                {"id":2, "pdName": "小米手机5c", "pdImage": "/image/5c_80.png"},
                {"id":3, "pdName": "小米Note 2", "pdImage": "/image/xmNOTE2-80.jpg"},
                {"id":4, "pdName": "小米MIX", "pdImage": "/image/MIX-80.jpg"},
                {"id":5, "pdName": "小米5s", "pdImage": "/image/MIX-80.jpg"},
                {"id":6, "pdName": "小米5s Plus", "pdImage": "/image/xm5Splus.jpg"}
            ],
            "ctn_f1": [
                {"id":7, "pdName": "小米手机5", "pdImage": "/image/xm5-80.jpg"},
                {"id":8, "pdName": "红米Note 4X", "pdImage": "/image/hmn4x80.png"},
                {"id":9, "pdName": "红米Note-4", "pdImage": "/image/hmnote4-80.jpg"},
                {"id":10, "pdName": "红米4x", "pdImage": "/image/hm4x_80.png"},
                {"id":11, "pdName": "红米4", "pdImage": "/image/hm4-80.jpg"},
                {"id":12, "pdName": "红米4A", "pdImage": "/image/hm4A-80.jpg"}
            ],
            "right_f1": [
                {"id":13, "pdName": "对比手机", "pdImage": "/image/compare.jpg"},
                {"id":14, "pdName": "小米移动&nbsp;电话卡", "pdImage": "/image/mimobile.jpg"}
            ]
        }
    }
    /*当页面加载完毕时，会自动调用这个方法（vue对象的生命周期方法）*/
    // created: function() {
    //     //发请求到后台获取商品信息
    //     axios.get("/gzbooksingle/dgBookInfo").then(function(response) {
    //         v.books_arr = response.data; //把查询到的图书信息给到Vue的变量
    //     })
    // }
});

//
// //在页面加载完毕时，获取明星单品
// let s = new Vue({
//     el: "#stars",
//     data: {
//         product_arr: {
//
//         }
//     }
//     /*当页面加载完毕时，会自动调用这个方法（vue对象的生命周期方法）*/
//     // created: function() {
//     //     //发请求到后台获取商品信息
//     //     axios.get("/gzbooksingle/dgBookInfo").then(function(response) {
//     //         s.books_arr = response.data; //把查询到的图书信息给到Vue的变量
//     //     })
//     // }
// })
//
//
// //在页面加载完毕时，获取配件
// let d = new Vue({
//     el: "#devices",
//     data: {
//         product_arr: {
//
//         }
//     }
//     /*当页面加载完毕时，会自动调用这个方法（vue对象的生命周期方法）*/
//     // created: function() {
//     //     //发请求到后台获取商品信息
//     //     axios.get("/gzbooksingle/dgBookInfo").then(function(response) {
//     //         d.books_arr = response.data; //把查询到的图书信息给到Vue的变量
//     //     })
//     // }
// })